<template>
	<view class="container">
		<z-paging ref="paging" v-model="itemList" @query="queryList" :flex="true" empty-view-text="暂无数据~"
			empty-view-img="/static/empty.png" :empty-view-img-style="imgStyle">
			<view slot="top">
				<u-navbar height="50" back-icon-color="#333" title="领卷中心" title-color="#333" title-size="36">
				</u-navbar>
			</view>
			<view class="itemView" v-for="(item,index) in itemList" :key="index">
				<view class="couponView">
					<view class="moneyView">
						<view class="couponMoney">¥<text>200</text></view>
						<view class="couponTips">直减劵</view>
					</view>
					<view class="line"></view>
					<view class="couponInfoView">
						<view class="InfoView">
							<view class="couponTitle">新用户立减优惠券</view>
							<view class="couponTime">有效期至 2023.03.23/19:00</view>
						</view>
						<view class="couponBtn">领取</view>
						<!-- <view class="couponBtn">去使用</view> -->
					</view>
				</view>
				<view class="couponText">无门槛使用 限制优惠券</view>
			</view>
		</z-paging>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				imgStyle: {
					width: '12rem'
				},
				itemList: []
			}
		},
		methods: {
			queryList(page,pageSize){
				
			}
		}
	}
</script>

<style>
	@import url('coupon-center.css');

	page {
		background: #f5f5f5;
	}
</style>
